
body {
    background-color: #931208;
	font-size:75%;
	font-family: Arial, Verdana, "Verdana Ref", sans-serif;
}

p.bodyparagraph {
	margin: .5em .25em;
	line-height: 14px;
	text-align: left;
	clear: left;
}
a.linkParent {
	clear: left;
}

#top-nav {
	margin: .25em 0 .5em;
	padding: 0;
	background: #fff;
    background: transparent;
}

#top-nav ul {
	float: left;
	border: 0;
	list-style-type: none;
	margin: .15em 0 0 .2em;
	padding: 0;
}
#top-nav ul li {
	display: block;
	float: left;
	line-height: 15px;
	margin: 0 .25em;
	padding: 0;
}
#top-nav ul li a {
	padding: 0;
	margin: 0;
}
#top-nav ul li a img {
	display: block;
	margin: 0;
	padding: 0;
}

#top-nav form#apkn-search-form {
	margin: .25em .25em .25em 0;
	padding: 0;
	float: right;
}
#top-nav form#apkn-search-form input {
	background: #fff;
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
	height: 21px;
	padding: 0 .25em;
	margin: 0;
	color: #222;
	text-shadow: 0 1px 1px #fff;
	float: left;
}
#top-nav form#apkn-search-form button {
	border: solid 1px rgb(153, 153, 153);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	background: -moz-linear-gradient(-90deg, #fff, #ddd);
	color: #333;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	cursor: pointer;
	display: inline-block;
	line-height: 19px;
	height: 23px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 .5em;
	margin: 0 .25em;
	float: left;
}
#top-nav form#apkn-search-form button:hover{ border-color: #666; }
#top-nav form#apkn-search-form button:active{ margin-top: 1px; }

#top-nav a#apkn-advanced-search {
	float: right;
	color: #111;
	display: block;
	margin: .35em .25em;
	line-height: 18px;
	font-size: 95%;
	text-decoration: none;
}
#top-nav a#apkn-advanced-search:hover {
	color: gold;
	text-decoration: underline;
}

#banner {
	background: transparent;
}
body.apkn_lIn #banner {
	height: 100px;
	margin: .35em 0;
	background: #999 url(/++resource++media-logos/ybrand/p/n/cyninbg.png) top right no-repeat;
	/* new */
	border: 1px solid #999;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
body.apkn_lIn #inner-banner {
	height: 100px;
}

body.apkn_lIn #search-box {
	float: left;
	margin: 40px 0 0 515px;
	width: 220px;
	text-align: right;
}
body.apkn_lIn #search-box a#apkn-advanced-search {
	float: right;
	display: block;
	margin: 0;
	padding: 0;
}
body.apkn_lIn #search-box form#apkn-search-form {
	margin: 0;
	padding: 0;
	float: right;
}
body.apkn_lIn #search-box form#apkn-search-form input {
	background: #fff;
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 21px;
	height: 21px;
	width: 150px;
	padding: 0 .25em;
	margin: 0;
	color: #222;
	text-shadow: 0 1px 1px #fff;
	float: left;
}
body.apkn_lIn #search-box form#apkn-search-form button {
	border: solid 1px rgb(153, 153, 153);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	background: -moz-linear-gradient(-90deg, #fff, #ddd);
	color: #333;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	cursor: pointer;
	display: inline-block;
	line-height: 19px;
	height: 23px;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 .5em;
	margin: 0 0 0 .25em;
	float: left;
}
body.apkn_lIn #search-box form#apkn-search-form button:hover{ border-color: #666; }
body.apkn_lIn #search-box form#apkn-search-form button:active{ margin-top: 1px; }

.apkn-common-nav {
	border-bottom: 1px solid #515256;
	margin: 2px 0px;
	padding: 10px 6px;
	font-size: 12px;
	background: url('/++resource++media-logos/brand/mstrip.png') repeat-x top left #fff;
	height: 20px;
}

#apkn-default-nav-main {
    background: url('/++resource++media-logos/brand/a/a-strip.png') repeat-x top left #eed;
}

span.apkn-common-links a.apkn_nav_link{
    padding:5px;
    text-decoration:none;
    font-size:100%;
    color:#515256;
    margin-right:10px;
    background-color:#F7F7F7;
    border-bottom-left-radius: 5px 5px;
    border-bottom-right-radius: 5px 5px;
    border-top-left-radius: 5px 5px;
    border-top-right-radius: 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;
}

a#activeApp{
	background-color:#FBAE0E;
}

div#ds-user-box {
    top:35px;
}

#apkn-footer-view {
	float: none;
	line-height: 1.2em;
	margin: 0em;
	padding: 0;
	text-align: center;
	/*background: #FFF url('/++resource++media-logos/ybrand/ft/apkn.png') no-repeat right center;*/
	background: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
 }
#apkn-footer-view div {
	margin: .15em auto;
	width: 400px;
	height: 25px;
	line-height: 25px;
	color: #444;
}
#apkn-footer-view img,
#apkn-footer-view em,
#apkn-footer-view a {
	display: block;
	float: left;
/*	margin: 0 .25em;*/
}

#apkn-common-brand{
    display: block;
    height:70px;
    margin:0px;
}
#apkn-cynin-branding {
    position: absolute;
    right: 5px;
    top: 1.25em;
}


#apkn-default-nav{
    display:block;
    height:105px;
    margin:0px;
}

#apknCommonLogin{
    float:right;
    margin-top:108px;
    padding-right:10px;
    display:block;
}

#apknCommonLogin a{
    margin-left:5px;
    text-decoration:none;
}

#topbarmybuttonholder{
    margin-top:10px;
}

#kupu-editor-iframe-text{
    background-color:#fff;
}

.LSBox{
    background-color:#fff;
}

span.cnavBox{
    display:block;
}

.commonLanguageSelector{
    float:none;
    display:block;
    text-align:center;
}


#portal-languageselector{
    float:none;
}

#portal-languageselector li{
    display:inline;
}

#gdocTranslator{
    border-bottom:1px solid #444;
    padding:2px;
    background-color:#EAE9D9;
}


/* public app browser section*/
.apkn-public-app-browser{
    border-bottom:1px solid #ccc;
}

.apkn-public-app-browser a:link, .apkn-public-app-browser a:visited{
	text-decoration:none;
}
/*end public browser section */

/* auth box styles */
.apkn-nav-grid-main div.commonUserBox{
    margin:2px;
    height:auto;
    text-align:left;
    padding-left:20px;
    background:transparent url('++resource++media-logos/ico/user-gray.gif') 25% top no-repeat;
}

form#apkn-search-form {
	margin: .25em;
	margin-left: 350px;
	margin-top: 1em;
	padding: 0;
	float: left;
}

a#apkn-advanced-search {
	float: left;
	color: #fff;
	display: block;
	margin: .5em .25em;
	margin-top: 1em;
	line-height: 18px;
	font-size: 95%;
	text-decoration: none;
}
body.apkn_lIn #top-nav a#apkn-advanced-search {
	color: #555;
}
a#apkn-advanced-search:hover, a#apkn-advanced-search:visited {
	color: gold;
	text-decoration: underline;
}
#user-in {
	float: right;
	text-align: right;
	margin: .5em 1em;
	width: 200px;
}
table.apkn_lIn #user-in,
table.apkn_lIn #user-out {
	color: #fff !important;
}
#user-out {
	margin: 0;
	float: right;
	text-align: right;
	margin: 0;
	width: 200px;
}

#google_translate_element_container {
    position: relative;
}
.goog-te-menu-frame {
    position: absolute;
}
#google_translate_element {
	border-bottom: 1px solid #eee;
	margin: .5em;
	padding: 0;
	text-align: right;
}
body.apkn_lIn .goog-te-gadget {
	color: #fff !important;
}
body.apkn_lIn .goog-te-gadget .goog-logo-link {
	color: #fff !important;
}
body.apkn_lIn #google_translate_element {
	border-bottom: 1px solid #B0171F;
	color: #fff !important;
}

#cboxwp {
    	background:url('++resource++media-logos/ico/user.gif') right center no-repeat;
    	margin: .25em;
		text-align: right;
		line-height: 18px;
		height: 20px;
		font-size: 100%;
		clear: left;
}
#user-out #cboxwp {
	margin-top: 0;
	padding: 0;
	padding-right: 0;
	border: 0 none
	height: 16px;
	line-height: 16px;	
}
#user-out #cboxwp a {
    display: block;
	float: right;
	padding: .2em .5em;
	color:#DAA520;
}
#cboxwp span {
	display: block;
	font-size: 100%;
	color: #222;
	border-bottom: 1px solid #aaa;
	margin: 0 .5em 0 0;
}
body.apkn_lIn #cboxwp span {
	color: #fff !important;
}
#cboxwp a {
	display: block;
	float: right;
	padding: .2em .5em;
	color: #555;
}
body.apkn_lIn #cboxwp a {
	color: #fff !important;
}
#cboxwp a:hover {
	color: #222;
	text-decoration: underline;
}
body.apkn_lIn #cboxwp a:hover {
	color: #aaa !important;
}


.apkn-nav-grid-main div.commonUserBox a:link, 
.apkn-nav-grid-main div.commonUserBox a:visited{
    text-decoration:none;
    padding-right:5px;
    font-size:90%;
    color:inherit;
}
/*auth box styles */

.apkn-nav-grid-main div#apkn-spaces-nav {
	clear: both;
	width: 100%;
	padding: 0;
	margin: 0;
}
/* public apps Navigation*/
ul#apkn-pnav {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	height: 28px;
}
ul#apkn-pnav li {
	display: block;
	float: left;
	background-position:left 3px;
	background-repeat:no-repeat;
	margin: 0;
	padding: 0;
}
ul#apkn-pnav li a {
	display: block;
	height: 18px;
	color: #aaa;
	line-height: 18px;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
	margin: 0;
	padding: 0 .25em;
	background: #eee;
	border: 1px solid #aaa;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
ul#apkn-pnav li a:hover {
	color: #222;
	background: #ccc;
}
ul#apkn-pnav li a#apkn-current-nav{ 
	background-color:#F5B228;
	border-color: #F0B024;
	text-shadow: none;
}
ul#apkn-pnav li.apkn-pnav-img {
	padding:3px 0 0 0;
	margin:0px;
}
ul#apkn-pnav li a.wsplink {
    padding: 3px;
    text-decoration:none;
    font-size:100%;
    color:#515256;
    margin-right:10px;
    background-color:#F7F7F7;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
ul#apkn-pnav li a.wsplink:hover {
	background: #ddd;
	color: #222;
}

#portal-languageselector{
    margin-bottom:0;
}
/* end public apps navigation*/

/*Configuration Directives*/
form#apkn-search-form input{
    /*background:url("/input_background.gif") repeat-x scroll 0 0 White;*/
}
/*    font-family:"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Tahoma,"DejaVu Sans","Bitstream Vera Sans",Arial,Verdana,"Verdana Ref",sans-serif;*/
#apkn-search-place-holder{
    display:block;
    height:auto;
    padding-top:10px;
    text-align:right;
    border-top:2px solid #ddd;
    background-color:#F7F7F6;
}

.LSBox{
    float:right;
    background-color:#F7F7F6;
}
#portal-searchbox{
    background-color:#F7F7F6;
}
/* end Search Directives*/

/* cynin overrides */
#main{
    margin-top:1px;
}
/* end cynin override */

#portal-titlebar{
    background:#F5B228;
}

ul#apkn-document-translations, 
ul#apkn-supported-languages,
ul#apkn-document-untranslated{
    display:none;
}


.apkn-nav-grid-main {
	margin:0 auto;
	border:0;
	width:100%;
	height:100%;
	padding-bottom:5px;
	padding: 0;
}
.apkn-nav-grid-main {
    background:no-repeat scroll left top transparent;
    height:150px;
}
.apkn-nav-grid-main div, 
.apkn-nav-grid p{margin:0;padding:0;border:0;}
.dp20,.dp25,.dp33,.dp50,.dp75,.dp100{float:left;display:inline;*margin-left:-0.04em;background-color:inherit;}
.dp20{width:20%;}
.dp25{width:25%;}
.dp33{width:33.33%;}
.dp50{width:50%;}
.dp75{width:75%;}
.dp100{width:100%;}
.clear{clear:both;}
.hOne{height:112px;}
body.apkn_lIn .hOne {
	background:#931208;
	color: #eee;
}
.bgWhite {
	background-color:#fff;
}
body.apkn_lIn .bgWhite {
	/*background: #931208;*/
	background: #333;
}
.bgNone {
	background-color:transparent;
}
.bgShade {
	background-color:#F7F7F6;
}
.bgAfroRed {
	background-color:#931208;
}
body.apkn_lIn .bgAfroRed {
	background:#664A4A;
	background-color: transparent;
}
.bgRounded {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.bgBottom {
	background:#fff url('/++resource++media-logos/nav/shady-bottom.png') bottom left repeat-x;
}
.bgTop {
	background:#fff url('/++resource++media-logos/nav/shady-top.png') top left repeat-x;
}
.apkn-nav-grid-main div.apkn-public-app-browser {
    padding-top:5px;
    padding-bottom:5px;
}



/* Related Sites links
 * Check the resource menu.
 */
div#related-sites {
	margin: 1em 0;
}
div#related-sites ul {
}
div#related-sites ul li {
	clear: both;
	padding: 0;
	margin: .25em 0;
	text-align: center;
}
div#related-sites ul li img {
	display: block;
	margin: .15em auto;
	height: 35px;
	float: left;
}
div#related-sites ul li a {
	margin: .15em auto;
	display: block;
	float: left;
	width: 120px;
	text-align: left;
	line-height: 16px;
	font-size: 90%;
}

/* login-area styles */
div#content div.login-area {
	margin: 0;
	text-align: center;
	color: #444;
	font-size: 90%;
}
div#content div.login-area div,
div#content div.login-area ul {
	margin: 1em auto;
	width: 500px;
	text-align: left;
}
div#content div.login-area ul {
	padding-left: 30px;
	text-align: justify;
}
div#content div.login-area div h3 {
	font-size: 110%;
	color: #222;
}
/* Login Form styles */
#login_form {
	border-bottom: 1px solid #eee;
	margin: .5em auto;
	width: 500px;
	text-align: left;
}
#login-form {
	display: block;
	width: 100%;
	position: relative;
	border-top: 1px solid #eee;
}
#login_form fieldset legend {
	font-size: 120%;
	text-shadow: 0px 1px 1px #fff;
	color: #222;
	display: block;
	float: none;
}
#login_form div.field {
	margin: 1em 0;
	clear: left;
}
#login_form div.field label {
	display: block;
	float: left;
	line-height: 25px;
	color:#444;
	text-shadow: 0px 1px 1px #fff;
	margin: 0;
	width: 75px;
	text-align: left;
	padding: 0;
}
#login_form div.field input {
	border: 1px solid #aaa;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	font-size: 115%;
	height: 22px;
	line-height: 22px;
	color: #222;
	width: 200px;
	padding: 0 .25em;
}

#login_form div.formControls {
	margin: 1em 0;
	padding: 0 0 0;
}
#login_form div.formControls input {
	border: solid 1px rgb(153, 153, 153);
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(255, 255, 255)), to(rgb(221, 221, 221)));
	background: -moz-linear-gradient(-90deg, #fff, #ddd);
	color: #333;
	text-decoration: none;
	text-align: center;
	text-shadow: 0px 1px 1px rgba(255, 255, 255, 1);
	cursor: pointer;
	display: inline-block;
	line-height: 1;
	height: 23px;
	font-size: 105%;
	padding: 0 .5em;
	margin: 0 .25em;
}
#login_form div.formControls input:hover { border-color: #666; }
#login_form div.formControls input:active {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(221, 221, 221)), to(rgb(255, 255, 255)));
	background: -moz-linear-gradient(-90deg, #ddd, #fff);
}
#login_form div.formControls input:active,
#login_form div.formControls input:focus {
	outline: none;
}

#apkn-search-hover-info{
    border-bottom:1px solid #669900;
    padding-bottom:2px;
    background-color:#F5FDD6;
    color:#444;
}

/*conference styles*/
/*!+ with the inclusion of these css styles here,
  the conference.css file is now rendered obsolete
  and should be removed.*/
.section-conference-documentation #visual-portal-wrapper{
	width:autopx;
}
.section-conference-documentation #portal-columns {
    background:none repeat-y scroll 0 0 #FFFFFF !important;
}
.section-conference-documentation #apkn-footer-view {
	float: none;
	line-height: 1.2em;
	margin: 2em 0 1em 0 !important;
	padding: 0;
	text-align: center;
	background: #fff;
	border: 1px solid #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
        width: auto !important;
}
.section-conference-documentation #apkn-footer-view div {
	margin: .15em auto !important;
	width: 400px !important;
	height: 25px;
	line-height: 25px;
	color: #444;
}
.section-conference-documentation #visual-portal-wrapper {
	text-align:center;
	width: auto;
}
.section-conference-documentation #visual-portal-wrapper div#portlets-above {
        display: none;
}
.section-conference-documentation #visual-portal-wrapper div {
	text-align: left;
	width: 1150px;
	margin: 0 auto;
}
.section-conference-documentation #visual-portal-wrapper div div {
	width: 900px;
	margin: 0;
	border: 0 none;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top {
	width: auto;
	text-align: center !important;
	overflow: auto;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top div.apkn-nav-grid-main {
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top div.apkn-nav-grid-main div {
	width: 100%;
	background-repeat: repeat;
	text-align: center;
	float: none;
	margin: 0 auto;
	overflow: auto;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top div.apkn-nav-grid-main div div {
	background: inherit;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top div.apkn-nav-grid-main img {
	margin: 0 auto;
}
.section-conference-documentation #visual-portal-wrapper div#portal-top div.conferenceNavigation{
	width: 1000px;
	margin: .5em auto !important;
	clear: both;
	display: block;
	float: none;
	position: relative;
	font-size: 90%;
}

.conferenceBanner{
	height:200px;
	padding:10px;
	border-bottom-left-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
}

.conferenceHeaderTable{
	text-align:right;
	table-layout:fixed;
}

.conferenceHeaderTable td{
	text-align:center;
}

span.conferenceTitle{
	font-size:20px;
	font-weight:normal;
	display:block;
	text-align:center;
	background:transparent;
	color:#fff;
}

.dpConferenceTitle{
	background-color:transparent;
}

ul.confNavList{
	background-color:transparent;
	font-size:14px;
	padding:0;
}

ul.confNavList li{
	display:inline;
	list-style:none;
	list-style-image:none;
	padding:0px 10px;
	margin:0;
	height:100%;
}

ul.confNavList li a:link,
ul.confNavList li a:visited{
	text-decoration:none;
	color:#fff;
	padding:3px 2px;
}

a.currentConfItem{
	color:#ddd;
	font-weight:bold;
	border-top:2px solid #fff;
	border-bottom:1px solid #fff;
	
	border: 0 none;
}

.bgCfblue{
	background-color:#2559A5;
}
.bgCfgreen{
	background-color:#076D09;
}
.bgCfred{
	background-color:#992211;
}
.bgCfyellow{
	background-color:#BA9B04;
}
.bgCfgrey{
	background-color:#5B5E5B;
}

.bgCfsand{
	background-color:#B27F36;
}

div#google_translate_element{
	display:none;
	background:transparent;
}

#portal-personaltools-wrapper,
#portal-header {
    display: none;
}

div#apkn-site-actions-box{
    padding:0.1em;
}

div#apkn-site-actions-box ul#apkn-site-actions{
    margin:0.5em 0 0 0;
    padding:0;
}

div#apkn-site-actions-box ul#apkn-site-actions li{
    list-style:none;
    list-style-image:none;
    display:inline;
    padding:0.2em;
    text-align:right;
}

div#apkn-site-actions-box ul#apkn-site-actions li a:link,
div#apkn-site-actions-box ul#apkn-site-actions li a:visited{
    text-decoration:none;
    color:#fff;
    font-size:80%;
}

